<template>
	<view class="main">
		<view class="tip"></view>
		<text>{{ defaultDate.title }}</text> 
		<view class="main_btn">
			<slot name="btn"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
		  defaultDate:{
			  require:true,
			type:Object,
			default:{
				title:''
			}
		  }
		},
		data(){
			
		},
		methods:{
			
		},
		mounted(){
			console.log("djs ====???><>>ssss");
		}
	}
	
</script>


<style lang="scss">
	.main{
		display: flex;
		justify-content: space-between;
		align-items: center; 
		background-color: #fff; 
	}
	text{
		display: block; 
		margin-left: 20rpx;
		font-size: 36rpx;
		flex:  2;
	}
	.tip{ 
		display: block;
		width: 4rpx;
		height: 32rpx;
		font-size: 32rpx;
		background-color: #ff6a2b; 
	}
	.main_btn{ 
		color:#ff6a2b;
	}
	.loaclBtn{
		display: flex;
		width: 100rpx;
	}
</style>


